<template>
  <div>
    <artiselist :singerList="singerList"></artiselist>
  </div>
</template>

<script>
import artiselist from "@/components/artiselist.vue";
import {getTopList} from '@/api/singer'
export default {
  components: { artiselist },
  data() {
      return {
          limit:10,
          offset:"",
          singerList:[],
      }
  },
  created() {
      this.getSinger()
  },
  methods: {
      async getSinger(){
          let params={
              limit:this.limit,
              offset:this.offset
          }
          let res=await getTopList(params)
          this.singerList=res.artists
      }
  },
};
</script>

<style lang="less" scoped>
</style>